<extend name="Home@Base/common" xmlns="http://www.w3.org/1999/html"/>
<block name="body">
    <div class="span9 page_message">
        <section id="contents"> <include file="Home@Addons/_nav" />

            <div class="tab-content">
                <php> $post_url || $post_url = U('print_details?model='.$model['id'], $get_param);</php>
                <form class="form-horizontal form-center" method="post" action="{$post_url}">
                    <hr>
                    <div class="form-item cf">
                        <span>&nbsp&nbsp支付令:&nbsp&nbsp</span>
                        <input style="width: 180px; height: 13px; margin-top: 3px" type="text" value="{$applyPrint.payOrder}" name="payOrder" placeholder="请填支付令">
                    </div>
                    <div class="form-item cf">
                        <span>&nbsp&nbsp支付方式:&nbsp&nbsp</span>
                        <span>公务卡&nbsp&nbsp</span>
                        <input style="width: 180px; height: 13px; margin-top: 3px" type="text" value="{$applyPrint.pay.card}" name="paycard" placeholder="请填公务卡金额">
                        <span>&nbsp&nbsp转账&nbsp&nbsp</span>
                        <input style="width: 180px; height: 13px; margin-top: 3px" type="text" value="{$applyPrint.pay.transfer}" name="paytransfer" placeholder="请填转账金额">
                        <span>&nbsp&nbsp现金&nbsp&nbsp</span>
                        <input style="width: 180px; height: 13px; margin-top: 3px" type="text" value="{$applyPrint.pay.cash}" name="paycash" placeholder="请填现金金额">
                    </div>
                    <div class="form-item cf">
                        <button class="button" style="margin-left: 15px;text-align: center" value="保存" name="button">保&nbsp&nbsp&nbsp&nbsp存</button>
                    </div>
                    <div>
                        <input type="hidden" name="application_id" value="{$applyPrint.id}">
                    </div>
                    <hr>
                    <br />
                </form>

                <div style="margin-bottom: 50px"><button onclick="windprint()">打&nbsp&nbsp印</button></div>
                <form class="form-horizontal form-center" method="post" action="{$post_url}" id="print_body">
                <div id="info_head" style="vertical-align:middle">
                    <div align="center">
                        <if condition="$applyPrint.subtype eq 0">
                            <label><font style="font-weight: bold; font-size: 30px">拉 萨 海 关 差 旅 费 报 销 单</font></label>
                        <elseif condition="$applyPrint.subtype eq 1" />
                            <label><font style="font-weight: bold; font-size: 30px">拉 萨 海 关 会 议 费 报 销 单</font></label>
                        <else />
                            <label><font style="font-weight: bold; font-size: 30px">拉 萨 海 关 报 销 单</font></label>
                        </if>
                    </div>
                    <br />
                    <div align="center" >
                        <label><font style="font-weight: bold; font-size: 16px">{$applyPrint.date}</font></label>
                        <label style="float: right"><font style="font-weight: bold; font-size: 16px">附单据&nbsp&nbsp&nbsp{$applyPrint.invoiceCount}&nbsp&nbsp&nbsp&nbsp张</font></label>
                    </div>
                <table border="1" cellpadding="0" cellspacing="0" width="100%" align="center">
                    <if condition="$applyPrint.subtype eq 0">
                        <tr height="40">
                            <td><label class="item-label">申请单号</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.apply_no}</span></td>
                            <td><label class="item-label">姓名</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.applyer}</span></td>
                            <td><label class="item-label">部门</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.dept}</span></td>
                            <td><label class="item-label">职别</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.duty}</span></td>
                            <td><label class="item-label">申由</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.subtypeStr}</span></td>
                        </tr>
                        <tr height="10">
                            <td colspan="2" rowspan="2"><label class="item-label">起止日期</label></td>
                            <td colspan="2" rowspan="2"><label class="item-label">地点</label></td>
                            <td colspan="1" rowspan="3"><label class="item-label">人数</label></td>
                            <td colspan="1" rowspan="3"><label class="item-label">天数</label></td>
                            <td colspan="9" rowspan="1"><label class="item-label">差旅费报销范围</label></td>
                        </tr>
                        <tr height="10">
                            <td colspan="1" rowspan="2"><label class="item-label">交通费</label></td>
                            <td colspan="1" rowspan="2"><label class="item-label">住宿费</label></td>
                            <td colspan="1" rowspan="2"><label class="item-label">培训费</label></td>
                            <td colspan="1" rowspan="2"><label class="item-label">其他</label></td>
                            <td colspan="2" rowspan="1"><label class="item-label">伙食补助费</label></td>
                            <td colspan="2" rowspan="1"><label class="item-label">市内交通费</label></td>
                        </tr>
                        <tr height="10">
                            <td><label class="item-label">起始</label></td>
                            <td><label class="item-label">结束</label></td>
                            <td><label class="item-label">地名</label></td>
                            <td><label class="item-label">地名</label></td>
                            <td><label class="item-label">日标准</label></td>
                            <td><label class="item-label">金额</label></td>
                            <td><label class="item-label">日标准</label></td>
                            <td><label class="item-label">金额</label></td>
                        </tr>
                        <volist name="applyPrint.items" id="vo">
                        <tr height="10">
                            <td> <span class="check-tips">{$vo.start}</span></td>
                            <td> <span class="check-tips">{$vo.end}</span></td>
                            <td> <span class="check-tips">{$vo.src}</span></td>
                            <td> <span class="check-tips">{$vo.dst}</span></td>
                            <td> <span class="check-tips">{$vo.people_num}</span></td>
                            <td> <span class="check-tips">{$vo.days}</span></td>
                            <td> <span class="check-tips">{$vo.transport}</span></td>
                            <td> <span class="check-tips">{$vo.hotel}</span></td>
                            <td> <span class="check-tips">{$vo.train}</span></td>
                            <td> <span class="check-tips">{$vo.other}</span></td>
                            <td> <span class="check-tips">{$vo.meals_std}</span></td>
                            <td> <span class="check-tips">{$vo.meals}</span></td>
                            <td> <span class="check-tips">{$vo.traffic_std}</span></td>
                            <td> <span class="check-tips">{$vo.traffic}</span></td>
                        </tr>
                        </volist>
                        <tr>
                            <td colspan="6"><label class="item-label">合计</label></td>
                            <td> <span class="check-tips">{$applyPrint.transport_total}</span></td>
                            <td> <span class="check-tips">{$applyPrint.hotel_total}</span></td>
                            <td> <span class="check-tips">{$applyPrint.train_total}</span></td>
                            <td> <span class="check-tips">{$applyPrint.other_total}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meals_total}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.traffic_total}</span></td>
                        </tr>
                        <tr>
                            <td colspan="2"><label class="item-label">核报金额</label></td>
                            <td colspan="2"><label class="item-label">人民币(大写)</label></td>
                            <td colspan="5"><label class="item-label">{$applyPrint.total_money_cn}</label></td>
                            <td colspan="2"><label class="item-label">人民币(小写)</label></td>
                            <td colspan="3"><label class="item-label">{$applyPrint.total_money}</label></td>
                        </tr>
                        <tr>
                            <td colspan="2"><label class="item-label">经费来源</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.costCenter}</span></td>
                            <td colspan="2"><label class="item-label">专项名称</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.project}</span></td>
                            <td colspan="2"><label class="item-label">支付令</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.payOrder}</span></td>
                        </tr>
                        <tr>
                            <td colspan="2"><label class="item-label">支付方式</label></td>
                            <td colspan="2"><label class="item-label">公务卡</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.pay.card}</span></td>
                            <td colspan="2"><label class="item-label">转账</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.pay.transfer}</span></td>
                            <td colspan="2"><label class="item-label">现金</label></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.pay.cash}</span></td>
                        </tr>
                        <tr>
                            <td colspan="2"><label class="item-label">说明</label></td>
                            <td colspan="14"> <span class="check-tips"> </span></td>
                        </tr>
                    </if>

                    <if condition="$applyPrint.subtype eq 1">
                        <tr height="40">
                            <td colspan="2"><label class="item-label">申请单号</label></td>
                            <td colspan="4"> <span class="check-tips">{$applyPrint.apply_no}</span></td>
                            <td colspan="2"><label class="item-label">姓名</label></td>
                            <td colspan="4"> <span class="check-tips">{$applyPrint.applyer}</span></td>
                            <td colspan="2"><label class="item-label">部门</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.dept}</span></td>
                            <td colspan="2"><label class="item-label">职别</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.duty}</span></td>
                            <td colspan="2"><label class="item-label">申由</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.subtypeStr}</span></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">用途</label></td>
                            <td colspan="24"> <span class="check-tips"> </span></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">起始日期</label></td>
                            <td colspan="2"><label class="item-label">结束日期</label></td>
                            <td colspan="4"><label class="item-label">地 点</label></td>
                            <td colspan="2"><label class="item-label">人 数</label></td>
                            <td colspan="2"><label class="item-label">天 数</label></td>
                            <td colspan="2"><label class="item-label">类 别</label></td>
                            <td colspan="2"><label class="item-label">住宿费</label></td>
                            <td colspan="2"><label class="item-label">伙食费</label></td>
                            <td colspan="2"><label class="item-label">场地费</label></td>
                            <td colspan="2"><label class="item-label">授课费</label></td>
                            <td colspan="2"><label class="item-label">其他费用</label></td>
                            <td colspan="2"><label class="item-label">备注费用</label></td>
                        </tr>
                        <tr>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.meeting.start}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.end}</span></td>
                            <td colspan="4"> <span class="check-tips">{$applyPrint.meeting.dst}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.people_num}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.days}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.type}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.hotel}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.meals}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.place}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.train}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.other}</span></td>
                            <td colspan="2"> <span class="check-tips">{$applyPrint.meeting.note}</span></td>
                        </tr>

                        <tr>
                            <td colspan="3" ><label class="item-label">核报金额</label></td>
                            <td colspan="2" ><label class="item-label">人民币(大写)</label></td>
                            <td colspan="13"> <span class="check-tips">{$applyPrint.total_money_cn}</span></td>
                            <td colspan="3"><label class="item-label">人民币(小写)</label></td>
                            <td colspan="6"><label class="item-label">{$applyPrint.total_money}</label></td>
                        </tr>

                        <tr>
                            <td colspan="3"><label class="item-label">经费来源</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.costCenter}</span></td>
                            <td colspan="3"><label class="item-label">专项名称</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.project}</span></td>
                            <td colspan="3"><label class="item-label">支付令</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.payOrder}</span></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">支付方式</label></td>
                            <td colspan="2"><label class="item-label">公务卡</label></td>
                            <td colspan="7"> <span class="check-tips">{$applyPrint.pay.card}</span></td>
                            <td colspan="2"><label class="item-label">转账</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.pay.transfer}</span></td>
                            <td colspan="2"><label class="item-label">现金</label></td>
                            <td colspan="5"> <span class="check-tips">{$applyPrint.pay.cash}</span></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">说明</label></td>
                            <td colspan="24"> <span class="check-tips"> </span></td>
                        </tr>
                    </if>

                    <if condition="$applyPrint.subtype eq 2">
                        <tr height="40">
                            <td colspan="2"><label class="item-label">申请单号</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.apply_no}</span></td>
                            <td colspan="2"><label class="item-label">姓名</label></td>
                            <td colspan="4"> <span class="check-tips">{$applyPrint.applyer}</span></td>
                            <td colspan="2"><label class="item-label">部门</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.dept}</span></td>
                            <td colspan="2"><label class="item-label">职别</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.duty}</span></td>
                            <td colspan="2"><label class="item-label">申由</label></td>
                            <td colspan="4"> <span class="check-tips">{$applyPrint.subtypeStr}</span></td>
                        </tr>
                        <tr>
                            <td colspan="2"><label class="item-label">起止日期</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.startend}</span></td>
                            <td colspan="2"><label class="item-label">地 点</label></td>
                            <td colspan="3"> <span class="check-tips">{$applyPrint.place}</span></td>
                            <td colspan="3"><label class="item-label">用途</label></td>
                            <td colspan="14"> <span class="check-tips">{$applyPrint.description}</span></td>
                        </tr>
                        <tr>
                            <td colspan="3" ><label class="item-label">核报金额</label></td>
                            <td colspan="2" ><label class="item-label">人民币(大写)</label></td>
                            <td colspan="13"> <span class="check-tips">{$applyPrint.total_money_cn}</span></td>
                            <td colspan="3"><label class="item-label">人民币(小写)</label></td>
                            <td colspan="6"><label class="item-label">{$applyPrint.total_money}</label></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">经费来源</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.costCenter}</span></td>
                            <td colspan="3"><label class="item-label">专项名称</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.project}</span></td>
                            <td colspan="3"><label class="item-label">支付令</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.payOrder}</span></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">支付方式</label></td>
                            <td colspan="2"><label class="item-label">公务卡</label></td>
                            <td colspan="7"> <span class="check-tips">{$applyPrint.pay.card}</span></td>
                            <td colspan="2"><label class="item-label">转账</label></td>
                            <td colspan="6"> <span class="check-tips">{$applyPrint.pay.transfer}</span></td>
                            <td colspan="2"><label class="item-label">现金</label></td>
                            <td colspan="5"> <span class="check-tips">{$applyPrint.pay.cash}</span></td>
                        </tr>
                        <tr>
                            <td colspan="3"><label class="item-label">说明</label></td>
                            <td colspan="24"> <span class="check-tips"> </span></td>
                        </tr>
                    </if>
                    <!--<if condition="$applyPrint.subtype neq 0">-->
                        <!--<tr>-->
                            <!--<td colspan="10" style="text-align: left"><label class="item-label">费用项目</label></td>-->
                        <!--</tr>-->
                        <!--<volist name="applyPrint.items" id="vo">-->
                            <!--<tr>-->
                                <!--<td><label class="item-label">类别</label></td>-->
                                <!--<td><label class="item-label">{$vo.type}</label></td>-->
                                <!--<td><label class="item-label">金额</label></td>-->
                                <!--<td><label class="item-label">{$vo.total} 元</label></td>-->
                                <!--<if condition="$applyPrint.subtype eq 0">-->
                                <!--<td><label class="item-label">日标</label></td>-->
                                <!--<td width="120px"><label style='weight:100%;height:100%;'>{$vo.standard}</label></td>-->
                                <!--</if>-->
                                <!--<td><label class="item-label">发票</label></td>-->
                                <!--<td><label class="item-label">{$vo.invoiceCount} 张</label></td>-->
                                <!--<td><label class="item-label">备注</label></td>-->
                                <!--<td colspan="3" ><label class="item-label">{$vo.description}</label></td>-->
                            <!--</tr>-->
                        <!--</volist>-->
                        <!--<tr>-->
                            <!--<td><label class="item-label">总金额数</label></td>-->
                            <!--<td colspan="9" style="text-align: left"><label class="item-label">{$applyPrint.total_money} 元</label></td>-->
                        <!--</tr>-->
                    <!--</if>-->
                </table>
                    <br />
                    <div>
                        <volist name="applyPrint.process_bar" id="vo">
                            <span><font style="font-weight: bold;font-size: 16px">{$vo.nodeName}:&nbsp</font></span>
                            <empty name="vo.nodeState">
                                <span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span>
                            <else />
                                <span>{$vo.nodeState}&nbsp&nbsp&nbsp&nbsp</span>
                            </empty>
                        </volist>
                    </div>
                </div>
                    <!--
                    <hr>
                    <if condition="$applyPrint.subtype eq 0 or $applyPrint.subtype eq 2">
                        <div id="trip">
                            <div><label class="item-label">申请详细内容:</label></div>
                            <table>
                                <tr >
                                    <td colspan="2"><label class="item-label">起始日期</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.start_date}</label></td>
                                    <td colspan="2"><label class="item-label">结束日期</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.end_date}</label></td>
                                </tr>
                                <tr >
                                    <td colspan="2"><label class="item-label">起始地点</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.start_addr}</label></td>
                                    <td colspan="2"><label class="item-label">结束地点</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.end_addr}</label></td>
                                </tr>
                            </table>
                        </div>
                    </if>
                    <if condition="$applyPrint.subtype eq 1">
                        <div id="meeting">
                            <div><label class="item-label">申请详细内容:</label></div>
                            <table>
                                <tr>
                                    <td colspan="3"><label class="item-label">起始日期</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.start_date}</label></td>
                                    <td colspan="3"><label class="item-label">结束日期</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.end_date}</label></td>
                                </tr>
                                <tr>
                                    <td colspan="2"><label class="item-label">会议培训</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.end_addr}</label></td>
                                    <td colspan="2"><label class="item-label">参会人数</label></td>
                                    <td colspan="3"><label class="item-label">{$applyPrint.details.attendance}</label></td>
                                </tr>
                            </table>
                        </div>
                    </if>
                    <hr>
                    <div id="outerdiv" style="position:fixed;top:0;left:0;background:rgba(0,0,0,0.7);z-index:100;width:100%;height:100%;display:none;">
                        <div id="innerdiv" style="position:absolute;">
                            <img id="bigimg" style="border:5px solid #fff;" src="" />
                        </div>
                    </div>
                    <div id="items">
                        <volist name="applyPrint.items" id="vo">
                            <label class="item-label">报销条目明细:</label>
                            <table>
                                <tr style="border:0px" >
                                    <td style="border:0px" colspan="1"><label class="item-label">条目类别:</label></td>
                                    <td style="border:0px" colspan="1"><label class="item-label">{$vo.type}</label></td>
                                    <td style="border:0px"></td>
                                    <td style="border:0px"></td>
                                </tr>
                                <tr style="border:0px">
                                    <td style="border:0px"><label class="item-label">金额数:</td>
                                    <td style="border:0px"><label class="item-label">{$vo.total} 元</td>
                                    <td style="border:0px"><label class="item-label">发票张数:</td>
                                    <td style="border:0px"><label class="item-label">{$vo.invoiceCount} 张</td>
                                </tr>
                                <tr style="border:0px">
                                    <td style="border:0px" colspan="1"><label class="item-label">备  注:</td>
                                    <td style="border:0px;text-align: left" colspan="3"><label class="item-label">{$vo.description}</td>
                                </tr>
                            </table>
                            <div style="display:block;width: 100%;">　<hr></div>
                        </volist>
                    </div>

                    <div class="itemdiv">
                        <label class="item-label" style="width: 120px">总金额数:</label><label class="item-label">{$applyPrint.total_money} 元</label>
                    </div>
                    <!--
                    <div class="order_status">
                        <volist name="applyPrint.process_bar" id="vo">
                            <span class="s-step s-step{$vo.step} {$vo.active}"><b><b></b></b>
                            <empty name="vo.last_step">
                                <p></p >
                            </empty>
                                <em>{$vo.nodeState}</em>
                                <div>{$vo.nodeName}</div>
                            </span>
                        </volist>
                    </div>
                    -->
                </form>
            </div>
        </section>
    </div>
</block>
<block name="style">
    <style type="text/css">
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
        }
        table td, table th {
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
            text-align: center;
            border:1px solid black;
        }
        table thead th {
            background-color: #CCE8EB;
            width: 100px;
        }
        table tr:nth-child(odd) {
            background: #fff;
        }
        table tr:nth-child(even) {
            background: #F5FAFA;
        }
        .itemdiv{
            display: flex;
            width: 50%;
            height: 20px;
            font-size: 14px;
            padding: 0,0,0,0;
            text-align: center;
            float: left;
            margin-bottom: 8px;
        }
        .item_image{
            width: 100px;
            height: 100px;
            float: left;
            margin-right: 10px;
            margin-bottom: 10px;
        }
        .item_image_box{
            width: 100%;
            height:auto;
            word-break: break-all;
            word-wrap: break-word;
            overflow: hidden;
        }
        #dialog_pic {
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background: rgba(0,0,0,0.65);
            z-index: 100;
            display: none;
        .dialog-body {
            width: 100%;
            max-width: 250px;
            max-height: 300px;
            margin: 0 auto;
            padding: 10px;
            border-radius: 5px;
            background: white;
            overflow: auto;
            margin-top: 283px;
        img {
            width: 100%;
        }
        }
        }
        .button1 {
            background-color: red; /* blue re*/
            border: none;
            color: white;
            padding: 5px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin-left: 100px;
            text-align: center;
            width: 120px;
        }
        .button2 {
            background-color: #00CC66; /* blue */
            border: none;
            color: white;
            padding: 5px 20px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 14px;
            margin-left: 100px;
            text-align: center;
            width: 120px;
        }

        /*状态进度条*/
        .order_status {height:90px;padding-top: 150px;padding-left: 50px;}
        .order_status .s-step {float: left;width: 14%;height: 60px;position: relative;}
        .order_status .s-step:nth-child(7n) {width:0px;}
        .order_status .s-step.active {float: left;width: 14%;height: 60px;position: relative;}
        .order_status .s-step>b>b.active {background-color: #f2572d}
        .order_status .s-step>b {display: block;width: 32px;height:32px;line-height: 32px;border-radius: 32px;position: absolute;margin-left: -16px;top: -20px;background: #ddd;z-index: 87}
        .order_status .s-step>b>b {display: block;width: 26px;height: 26px;line-height: 26px;border-radius: 26px;background: #ccc;margin-top: 3px;margin-left: 3px;z-index: 88}
        .order_status .s-step>p {width: 120px;height: 10px;background: #ddd;top: -10px;position: absolute;z-index: 86}
        .order_status .s-step>p.active {width: 120px;height: 10px;background: #f2572c;top: -10px;position: absolute;z-index: 86}
        .order_status .s-step em {display: block;padding-top: 20px;font-style: normal;text-align: center;color: #b7b7b7;font-size: 12px;margin-left: -65px;width: 130px}
        .order_status .s-step>div {display: block;width:80px;height:32px;line-height: 32px;position: absolute;margin-left: -40px;top: -55px;z-index: 87;text-align: center;font-size: 12px;color: #c9c4c4}
        .order_status .s-step>div.active {display: block;width:80px;height:32px;line-height: 32px;position: absolute;margin-left: -40px;top: -55px;z-index: 87;text-align: center;font-size: 12px;color: #f2572c}

    </style>
</block>
<block name="script">
    <script type="text/javascript" src="__STATIC__/jquery-migrate-1.2.1.min.js"></script>
    <script type="text/javascript" src="__STATIC__/jquery.jqprint-0.3.js"></script>
    <script type="text/javascript">
        $(function() {
            showTab();
            $("img.item_image").click(function(){
                var _this = $(this); // 将当前的pimg元素作为_this传入函数
                imgShow("#outerdiv", "#innerdiv", "#bigimg", _this);
            });
            processStepBar();
        });
        function windprint() {
            pagesetup_null();
            var isIE = /msie/.test(navigator.userAgent.toLowerCase()); //jquery1.9之后采用
            if (isIE) {
                ieprint('print_body');
            }else{
                $("#print_body").jqprint();
            }
        }
        function pagesetup_null(){
            try{
                var RegWsh = new ActiveXObject("WScript.Shell")
                hkey_key="header"
                RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
                hkey_key="footer"
                RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
            }catch(e){}
        }

        function ieprint(mydiv)
        {
            var newstr = document.getElementById(mydiv).innerHTML;
            window.document.body.innerHTML=newstr
            window.print();
        }

        function imgShow(outerdiv, innerdiv, bigimg, _this){
            var src = _this.attr("src");   //获取当前点击的pimg元素中的src属性
            $(bigimg).attr("src", src);    //设置#bigimg元素的src属性

            /*获取当前点击图片的真实大小，并显示弹出层及大图*/
            $("<img/>").attr("src", src).load(function(){
                var windowW = $(window).width();  //获取当前窗口宽度
                var windowH = $(window).height();  //获取当前窗口高度
                var realWidth = this.width;  //获取图片真实宽度
                var realHeight = this.height;  //获取图片真实高度
                var imgWidth, imgHeight;
                var scale = 0.8;  //缩放尺寸，当图片真实宽度和高度大于窗口宽度和高度时进行缩放

                if(realHeight>windowH*scale) {  //判断图片高度
                    imgHeight = windowH*scale;  //如大于窗口高度，图片高度进行缩放
                    imgWidth = imgHeight/realHeight*realWidth;  //等比例缩放宽度
                    if(imgWidth>windowW*scale) {  //如宽度扔大于窗口宽度
                        imgWidth = windowW*scale;  //再对宽度进行缩放
                    }
                } else if(realWidth>windowW*scale) {  //如图片高度合适，判断图片宽度
                    imgWidth = windowW*scale;   //如大于窗口宽度，图片宽度进行缩放
                    imgHeight = imgWidth/realWidth*realHeight;  //等比例缩放高度
                } else {    //如果图片真实高度和宽度都符合要求，高宽不变
                    imgWidth = realWidth;
                    imgHeight = realHeight;
                }
                $(bigimg).css("width",imgWidth);    //以最终的宽度对图片缩放

                var w = (windowW-imgWidth)/2;   //计算图片与窗口左边距
                var h = (windowH-imgHeight)/2;  //计算图片与窗口上边距
                $(innerdiv).css({"top":h, "left":w});   //设置#innerdiv的top和left属性
                $(outerdiv).fadeIn("fast"); //淡入显示#outerdiv及.pimg
            });

            $(outerdiv).click(function(){   //再次点击淡出消失弹出层
                $(this).fadeOut("fast");
            });
        }

        function processStepBar() {
            if($(".s-step0").hasClass("active")){
                $(".s-step0>b>b,.s-step0>div").addClass("active");
                $(".s-step1>em,.s-step2>em,.s-step3>em,.s-step4>em,.s-step5>em,.s-step6>em").hide();
            }
            else if($(".s-step1").hasClass("active")){
                $(".s-step1>b>b,.s-step1>div,.s-step0>b>b,.s-step0>p,.s-step0>div").addClass("active");
                $(".s-step2>em,.s-step3>em,.s-step4>em,.s-step5>em,.s-step6>em").hide();
            }
            else if($(".s-step2").hasClass("active")){
                $(".s-step2>b>b,.s-step2>div,.s-step1>p,.s-step1>b>b,.s-step1>div,.s-step0>b>b,.s-step0>p,.s-step0>div").addClass("active");
                $(".s-step3>em,.s-step4>em,.s-step5>em,.s-step6>em").hide();
            }
            else if($(".s-step3").hasClass("active")){
                $(".s-step3>b>b,.s-step3>div,.s-step2>p,.s-step2>b>b,.s-step2>div,.s-step1>p,.s-step1>b>b,.s-step1>div,.s-step0>b>b,.s-step0>p,.s-step0>div").addClass("active");
                $(".s-step4>em,.s-step5>em,.s-step6>em").hide();
            }
            else if($(".s-step4").hasClass("active")){
                $(".s-step4>b>b,.s-step4>div,.s-step3>p,.s-step3>b>b,.s-step3>div,.s-step2>p,.s-step2>b>b,.s-step2>div,.s-step1>p,.s-step1>b>b,.s-step1>div,.s-step0>b>b,.s-step0>p,.s-step0>div").addClass("active");
                $(".s-step5>em,.s-step6>em").hide();
            }
            else if($(".s-step5").hasClass("active")){
                $(".s-step5>b>b,.s-step5>div,.s-step4>p,.s-step4>b>b,.s-step4>div,.s-step3>p,.s-step3>b>b,.s-step3>div,.s-step2>p,.s-step2>b>b,.s-step2>div,.s-step1>p,.s-step1>b>b,.s-step1>div,.s-step0>b>b,.s-step0>p,.s-step0>div").addClass("active");
                $(".s-step6>em").hide();
            }
            else{
                $(".s-step6>b>b,.s-step6>div,.s-step5>p,.s-step5>b>b,.s-step5>div,.s-step4>p,.s-step4>b>b,.s-step4>div,.s-step3>p,.s-step3>b>b,.s-step3>div,.s-step2>p,.s-step2>b>b,.s-step2>div,.s-step1>p,.s-step1>b>b,.s-step1>div,.s-step0>b>b,.s-step0>p,.s-step0>div").addClass("active");
            }
        }
    </script>

</block>